 <template>
 	<view class="container">
 		<!-- 就诊记录 -->
 		<view class="order-item">
 			<view class="status-box">
 				<view class="name">就诊记录</view>
 			</view>
 			<view class="content-box">
 				<view class="content-item">
 					<text>医院：</text>
 					<text>翊博门诊</text>
 				</view>
 				<view class="content-item">
 					<text>科室：</text>
 					<text>脑血管科</text>
 				</view>
 				<view class="content-item">
 					<text>医生：</text>
 					<text>李医生</text>
 				</view>
 				<view class="content-item" >
 					<text>就诊日期：</text>
 					<text>2023-11-16 15:00-17:00</text>
 				</view>
				<view class="content-item">
					<text>挂号费用：</text>
					<text>123元</text>
				</view>
 			</view>
 		</view>

 		<!-- 用药 -->
 		<view class="order-item">
 			<view class="status-box">
 				<view class="name">用药</view>
 			</view>
 			<view class="content-box">
 				<view class="content-item">
 					<text>药品（1）：</text>
 					<text>复方氨酚烷胺片*3片</text>
 				</view>
 				<view class="content-item">
 					<text>药品（2）：</text>
 					<text>阿莫西林*9片</text>
 				</view>
 			</view>
 		</view>

 		<!-- 诊断 -->
 		<view class="order-item">
 			<view class="status-box">
 				<view class="name">诊断</view>
 			</view>
 			<view class="content-box">
 				<view class="content-item line-height">
 					过敏性鼻炎
 				</view>
 			</view>
 		</view>
		
		<!-- 医嘱 -->
		<view class="order-item">
			<view class="status-box">
				<view class="name">医嘱</view>
			</view>
			<view class="content-box">
				<view class="content-item line-height">
					吃了过多产气的食物，比如红薯、黄豆等，可能会导致
					胃肠道内气体增多，从而出现腹胀的症状。建议家长及
					时调整儿童的饮食结构。
				</view>
			</view>
		</view>
 	</view>
	

 </template>

<script setup>
	const model = ref({
		name: '',
		self: false,
		relationship: '',
	})
	
	const goDetail = () => {
		uni.navigateTo({
			url: '/mine/medical/detail'
		})
	}
</script>

<style lang="scss" scoped>
	.container {
		padding: 52rpx 26rpx;
	}
	.order-item {
		margin-bottom: 30rpx;
		padding: 38rpx 38rpx 1rpx;
		background: #FFFFFF;
		border-radius: 30rpx;
	
		.status-box {
			padding-bottom: 32rpx;
			border-bottom: 1rpx solid #E8E8E8;
			margin-bottom: 30rpx;
	
			.name {
				font-size: 30rpx;
				color: #312C2A;
			}
	
			.status {
				color: #6087EF;
			}
	
			.status1 {
				color: #AAAAAA;
			}
		}
	
		.content-box {
			width: 100%;
			position: relative;
			font-size: 26rpx;
			color: #606672;
	
			.content-item {
				@include between(100%);
				margin-bottom: 30rpx;
				font-size: 26rpx;
				color: #606672;
	
				&>text {
					&:nth-child(2) {
						color: #312C2A;
					}
				}
			}
			.line-height {
				line-height: 43rpx;
			}
	
			.icon {
				position: absolute;
				bottom: 0;
				right: 0;
				z-index: 99;
			}
		}
	}
</style>